<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta name="description" content="">
		<meta name="author" content="">
		<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
		<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
		<meta HTTP-EQUIV="expires" CONTENT="0">
		<link rel="stylesheet" type="text/css" href="../../assets/css/public.css" />
		<link rel="stylesheet" type="text/css" href="../../assets/css/style.css" />
		<title>海高大数据-产品详情</title>
	</head>

	<body>
		<div class="container">
			<a href="../../index.html" class="login"></a>
			<div class="userlogin">颂恩</div>
			<ul class="mainMenu">
				<li>
					<a href="../user/index.html">用户信息大数据</a>
				</li>
				<li>
					<a href="../product/index.html">产品信息大数据</a>
				</li>
				<li>
					<a href="../living/index.html">家居信息大数据</a>
				</li>
			</ul>
			<div class="search_box">
				<div class="search">
					<input type="text" name="" id="" value="" />
					<input type="button" name="" id="" value="" />
				</div>
			</div>
			<div class="Hg_left inside">
				<div class="aiData sides">
					<div class="dataTitle">
						产品详情<span>Product details</span>
					</div>
					<div class="angle">
						<div class="product">
							<div class="productImg">
								<img src="../../assets/img/product.png" />
							</div>
							<div class="productTitle">
								<div><label>产品型号：</label><span>BCD-610W1KA92NV41T1</span></div>
								<div><label>产品品牌：</label><span>卡萨帝</span></div>
								<div><label>产品价格：</label><span>2165元</span></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="Hg_center">
				<div class="aiData">
					<div class="angle">
						<div class="center_box">
							<div id="chart_4" style="width: 100%; height: 600px;"></div>
						</div>
					</div>
					<div class="table_product_user">
						<div class="table_list">
							<table class="table" border="" cellspacing="" cellpadding="">
								<col width="10%" />
								<thead>
							<tr>
								<th>序号</th>
								<th>姓名</th>
								<th>性别</th>
								<th>年龄</th>
								<th>城市</th>
								<th>学历</th>
								<th>住房类型</th>
								<th>操作</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>001</td>
								<td>张丽</td>
								<td>女</td>
								<td>22</td>
								<td>烟台</td>
								<td>本科</td>
								<td>别墅</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>002</td>
								<td>张丽</td>
								<td>女</td>
								<td>22</td>
								<td>烟台</td>
								<td>本科</td>
								<td>别墅</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>003</td>
								<td>张丽</td>
								<td>女</td>
								<td>22</td>
								<td>烟台</td>
								<td>本科</td>
								<td>别墅</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
							<tr>
								<td>004</td>
								<td>张丽</td>
								<td>女</td>
								<td>22</td>
								<td>烟台</td>
								<td>本科</td>
								<td>别墅</td>
								<td>
									<a href="../user/details.html">详情</a>
								</td>
							</tr>
						</tbody>
							</table>
						</div>
					</div>
				</div>
			</div>
			<div class="Hg_right inside">
				<div class="aiData sides">
					<div class="dataTitle">
						购买年龄分布<span>Purchase age distribution</span>
					</div>
					<div class="angle">
						<div id="chart_7" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						产品摆放位置<span>Refrigerator location</span>
					</div>
					<div class="angle">
						<div id="chart_8" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
				<div class="tieku"></div>
				<div class="aiData sides">
					<div class="dataTitle">
						购买渠道占比<span>Purchase channel proportion</span>
					</div>
					<div class="angle">
						<div id="chart_9" style="width: 100%; height: 190px;"></div>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="../../assets/js/jquery/jquery-1.10.2.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/echarts.min.4.0.4.js"></script>
		<script type="text/javascript" src="../../assets/js/echarts/china.js"></script>
		<script type="text/javascript" src="../../assets/js/resize.js"></script>
		<script type="text/javascript" src="../../assets/js/data/data.js"></script>
		<script type="text/javascript" src="../../assets/js/series.js"></script>
		<script type="text/javascript" src="../../assets/js/app.js"></script>
		<script type="text/javascript" src="../../assets/js/common.js"></script>
		<script type="text/javascript">
			(function() {
				//产品详情初始化渲染
				productDetailResult()
				//列表滚动条
				tableScroll()
			})()
		</script>
	</body>

</html>